<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<h1>Springsecurity 微信公众号网页登录授权</h1>
<div style="color: red">需要配置application.yml 微信公众号appid secret</div>
<div style="color: red">ReCodeAuthenticationSecurityConfig appid 参数</div>
<div style="color: red"> login.html  appid 参数 </div>
<div style="color: green"> 微信公众号测试账号<a href="http://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index">在线申请</a> </div>
<div style="color: green"> 首次申请测试公众号双击 appsecret 更换</div>
<div style="color: green"> 微信公众号测试 页面<span style="color: red">网页授权获取用户基本信息 </span> 点修改 配置IP地址</div>
<div style="color: green"> 手机扫码使用同一局域网ip </div>
<div ></div>
<div id="qrcode"></div>
<div id="qrcodeurl"></div>
<div id="qrcodetitle"></div>


<script src="/static/jquery-3.2.1.min.js"></script>
<script src="/static/qrcode.min.js"></script>
<script>
    $(function () {
        var f;
        var qrcode = new QRCode(document.getElementById("qrcode"), {
            width : 100,
            height : 100
        });

        var appid = "wx7b956fb274d35669";
        $.get("/login/" + appid + "/sendcode",function (d) {
            f=d;
            qrcode.makeCode(f.redirect_uri)
            $("#qrcodeurl").html(f.redirect_uri)
            inittime()
        })
        function inittime() {

                setTimeout(function () {
                    $.get(f.find,function (d) {
                        if(d.data.read){
                           $("#qrcodetitle").html("二维码被扫")
                        }
                        if(!d.data.mpUser){
                            inittime()
                        }else{
                            location.href=f.okcode;
                        }

                    })
                },1000)


        }
    })
</script>
</body>

</html>